<template>
  <div class="flex flex-wrap items-end gap-2">
    <BaseButtonIcon shape="straight" color="primary">
      <Icon name="ph:moon-duotone" class="h-5 w-5" />
    </BaseButtonIcon>

    <BaseButtonIcon shape="rounded" color="primary">
      <Icon name="ph:github-logo-duotone" class="h-5 w-5" />
    </BaseButtonIcon>

    <BaseButtonIcon shape="curved" color="primary">
      <Icon name="ph:game-controller-duotone" class="h-5 w-5" />
    </BaseButtonIcon>

    <BaseButtonIcon shape="full" color="primary">
      <Icon name="ph:heart-duotone" class="h-5 w-5" />
    </BaseButtonIcon>
  </div>
</template>
